<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>角色管理</title>
<link rel="stylesheet" href="../webjars/bootstrap/3.3.7/css/bootstrap.css">
<link rel="stylesheet" href="../webjars/bootstrap/3.3.7/css/bootstrap-theme.css">
<link rel="stylesheet" href="../webjars/bootstrapvalidator/0.5.3/css/bootstrapValidator.css">
<link rel="stylesheet" href="../webjars/bootstrap-table/1.16.0/bootstrap-table.css">
<link rel="stylesheet" href="../static/treeview/src/css/bootstrap-treeview.css">
<link rel="stylesheet" href="../webjars/jquery.treegrid/0.2.1/css/jquery.treegrid.css">
<script type="text/javascript" src="../webjars/jquery/3.5.1/dist/jquery.js"></script>
<script type="text/javascript" src="../webjars/bootstrap/3.3.7/js/bootstrap.js"></script>
<script type="text/javascript" src="../webjars/bootstrap-table/1.16.0/bootstrap-table.js"></script>
<script type="text/javascript" src="../webjars/bootstrap-table/1.16.0/locale/bootstrap-table-zh-CN.js"></script>
<script type="text/javascript" src="../webjars/bootstrap-table/1.16.0/extensions/treegrid/bootstrap-table-treegrid.js"></script>
<script type="text/javascript" src="../webjars/jquery.treegrid/0.2.1/js/jquery.treegrid.js"></script>
<script type="text/javascript" src="../static/treeview/src/js/bootstrap-treeview.js"></script>
<script type="text/javascript" src="../webjars/bootbox/5.4.0/bootbox.all.js"></script>
<script type="text/javascript" src="../webjars/bootstrapvalidator/0.5.3/js/bootstrapValidator.js"></script>
<script type="text/javascript" src="../webjars/bootstrapvalidator/0.5.3/js/language/zh_CN.js"></script>
<script type="text/javascript" src="../static/custom/custom.js"></script>
</head>
<body>
	<body>
	<div class="container">
		<table id="mytable">
			<thead>
				<tr>
					<th data-checkbox="true"></th>
					<th data-field="name">部门名称</th>
					<th data-field="id">序号</th>
				</tr>
			</thead>
		</table>
	</div>
<script type="text/javascript">
	$(function(){
		$('#mytable').datagrid({
			url:'list',
			pagination: false,
	        //在哪一列展开树形
	        treeShowField: 'name',
	        //指定父id列
	        parentIdField: 'parentId',
	
	        treegrid:true
		})
	})
</script>
</body>
</html>